<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>保洁区域</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/plandevicetaskdetail.css" />
    <link rel="stylesheet" type="text/css" href="css/detailstyle.css" />
    <style>
            .noinfo{
            color: #ddd;
            padding: 10px;
        }
        .aui_formitem{
            border-bottom: 0;
            padding-bottom: 0;
        }
        .detail{
            padding-bottom: 15px;
        }
         .mb30{
            margin-bottom: 30px !important;
        }
        .worder-header-label{
            border: solid 0.5px #289fff;
            color: #289fff;
            border-radius: 4px;
            padding: 0px 5px;
            font-size: 0.6rem;
            font-weight: 400;
        }
        .xj-result{
            padding: 2px 6px;
            position: absolute;
            width: auto;
            right: 30px;
            z-index: 2;
        }
        .label-red{
            border-color: #ff0000;
            color: #ff0000;
        }
        .work-header-title{
            display: flex;
            justify-content: space-between;
            margin-bottom: 5px;
        }

        .show-more{
            text-align: center;
            margin-top: 10px;
            color: #999;
            margin-bottom: 5px;
            font-size: 0.65rem;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="boxarea detail">
            <div class="equipment_title">保洁点信息</div>
            <div class="aui_formitem">
                <div class="aui_formtitle">保洁区域</div>
                <div class="aui_formcontent">
                    {{form.RegionName}}
                </div>
            </div>
            <div class="aui_formitem">
                <div class="aui_formtitle">工作类型</div>
                <div class="aui_formcontent">
                    {{form.EventTypeDesc}}
                </div>
            </div>
            <div class="aui_formitem">
                <div class="aui_formtitle">所属项目</div>
                <div class="aui_formcontent">
                    {{form.ProjectName}}
                </div>
            </div> 
            
        </div>

        <div  class="boxarea detail equipment_list">
            <div class="equipment_title work-header-title" >
                <div>工作标准</div>
                <!-- <div v-if="standardlist.length>0"  style="font-weight: 400;">
                    {{standardlist.length}}项
                </div> -->
            </div>
            <div class="noinfo noinfo-mt" id="noorder" v-if="standardlist.length==0">
                暂时没有标准哦
            </div>
            <div v-if="standardlist.length>0" v-for="(item,index) in standardlist" class="equipment_list_box">
                <div v-if="index<3" class="equipment_list_box_term">
                   <label>{{item.StandardName}}</label>
                   <!-- <label class="ml10" v-if="item.CheckStatus==1" ><label class="worder-header-label">正常</label></label>
                   <label class="ml10" v-if="item.CheckStatus==2" ><label class="worder-header-label label-red">异常</label></label> -->
                </div>
                <div v-if="index>2&&showstandard" class="equipment_list_box_term">
                    <label>{{item.StandardName}}</label>
                    <!-- <label class="ml10" v-if="item.CheckStatus==1" ><label class="worder-header-label">正常</label></label>
                    <label class="ml10" v-if="item.CheckStatus==2" ><label class="worder-header-label label-red">异常</label></label> -->
                 </div> 
            </div>
            <div v-if="!showstandard&&standardlist.length>3" v-on:click="doSelectStandard()" class="show-more"> 查看更多 <i class="icon iconfont icon-down"></i> </div>
            <div v-if="showstandard&&standardlist.length>3" v-on:click="doSelectStandard()" class="show-more">收起 <i class="icon iconfont icon-shangjiantou"></i> </div>
        </div>

        <div class="boxarea detail mb30">
            <div class="equipment_title work-header-title">
                <div>处理结果</div>
                <div v-if="form.TaskStatus==1" class="worder-header-label xj-result">未开始</div>
                <div v-if="form.TaskStatus==3&&form.CheckStatus==1" ><label class="worder-header-label xj-result">正常</label></div>
                <div v-if="form.TaskStatus==3&&form.CheckStatus==2" ><label class="worder-header-label xj-result label-red">异常</label></div>
            </div>
            <div class="aui_formitem">
                <div class="aui_formtitle">
                    定位地点
                </div>
                <div class="aui_formcontent">
                    {{form.GPSLocation}}
                </div>
            </div>
            <div class="aui_formitem">
                <div class="aui_formtitle">
                    处理时间
                </div>
                <div class="aui_formcontent">
                    {{form.CheckTime}}
                </div>
            </div>
            <div class="aui_formitem">
                <div class="aui_formtitle">
                    处理人
                </div>
                <div class="aui_formcontent">
                    {{form.InChargeManName}}
                </div>
            </div>
            <div class="aui_formitem">
                <div class="aui_formtitle">
                    情况说明
                </div>
            </div>
            <div class="aui_formitem">
                <div >
                    {{form.TaskCompleteContent}}
                </div>
            </div>
            <div  v-if="imglist.length>0" style="display: grid;margin-top: 10px;">
                <div class="imglist_box">
                    <div class="imglist_item" v-for="(item,index) in imglist">
                        <img v-on:click="do_viewimages(index)" class="imgitem ml4" v-bind:src="item.url" />
                    </div>
                </div>
            </div>       
        </div>

    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/bjlh_details_task.js "></script>

</html>
